<template>
  <div>
    <detail-banner></detail-banner>
    <detail-header></detail-header>
    <div class="content">
      <detail-list :list="list"></detail-list>
    </div>

  </div>
    
</template>

<script>
import DetailBanner from './components/Banner'
import DetailHeader from './components/Header'
import DetailList from './components/List'

    export default {
      name: "Detail",
      components: {
          DetailBanner:DetailBanner,
        DetailHeader:DetailHeader,
        DetailList:DetailList
      },
      data(){
        return{
          list:[{
            title:'成人票',
            chilren:[{
              title:'成人三馆联票',
              chilren:[{
                  title:'成人三馆联票 - 某一连锁店销售'
                },{
                  title:'成人三馆联票 - 某二连锁店销售'
                },{
                  title:'成人三馆联票 - 某三连锁店销售'
                },{
                  title:'成人三馆联票 - 某四连锁店销售'
                },]
            },
              {
                title:'成人五馆联票'
              },]
          },{
            title:'学生票'
          },{
            title:'儿童票'
          },{
            title:'特惠票'
          },]
        }
      }

    }
</script>

<style lang="stylus" scoped>
  .content{
    height 50rem
  }

</style>
